﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="SportsRecords.WebForm3" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <!--5grid-->
    <script type="text/javascript" src="../Scripts/viewport.js"></script>
    <!--[if lt IE 9]><script src="css/5grid/ie.js"></script><![endif]-->
    <link rel="stylesheet" href="../Css/core.css" />
    <link rel="stylesheet" href="../Css/style.css" />
    <!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
</head>
<body>
    <form id="form1" runat="server">
    <div id="header-wrapper">
        <div class="5grid">
            <div class="12u-first">
                <header id="header">
                    <h1>
                        <a href="#">Sports Records</a></h1>
                    <nav>
                        <a href="#">Homepage</a>
                    </nav>
                </header>
            </div>
        </div>
    </div>
    <div id="main">
        <div class="5grid">
            <div class="main-row">
                <div class="8u-first">
                    <section class="left-content">
                        <h2>
                            Two Column #1 (right-hand sidebar)</h2>
                        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
                    </section>
                </div>
                <div class="4u">
                    <section>
                        <h2>
                            Who are you guys?</h2>
                        <%-- <ul class="small-image-list">
                            <li><a href="#">
                                <img src="css/images/pic2.jpg" alt="" class="left" /></a>
                                <h4>
                                    Jane Anderson</h4>
                                <p>
                                    Varius nibh. Suspendisse vitae magna eget et amet mollis justo facilisis amet quis.</p>
                            </li>
                           
                        </ul>--%>
                    </section>
                    <section>
                        <h2>
                            How about some links?</h2>
                        <%-- <div class="6u-first">
                            <ul class="link-list">
                                <li><a href="#">Sed neque nisi consequat</a></li>
                                <li><a href="#">Dapibus sed mattis blandit</a></li>
                                <li><a href="#">Quis accumsan lorem</a></li>
                                <li><a href="#">Suspendisse varius ipsum</a></li>
                                <li><a href="#">Eget et amet consequat</a></li>
                            </ul>
                        </div>
                        <div class="6u">
                            <ul class="link-list">
                                <li><a href="#">Quis accumsan lorem</a></li>
                                <li><a href="#">Sed neque nisi consequat</a></li>
                                <li><a href="#">Eget et amet consequat</a></li>
                                <li><a href="#">Dapibus sed mattis blandit</a></li>
                                <li><a href="#">Vitae magna sed dolore</a></li>
                            </ul>
                        </div>--%>
                    </section>
                </div>
            </div>
        </div>
    </div>
    <div id="footer-wrapper">
        <div class="5grid">
            <div class="8u-first">
                <section>
                    <h2>
                        How about a truckload of links?</h2>
                    <%--   <div class="3u-first">
                        <ul class="link-list">
                            <li><a href="#">Sed neque nisi consequat</a></li>
                            <li><a href="#">Dapibus sed mattis blandit</a></li>
                            <li><a href="#">Quis accumsan lorem</a></li>
                            <li><a href="#">Suspendisse varius ipsum</a></li>
                            <li><a href="#">Eget et amet consequat</a></li>
                        </ul>
                    </div>
                    <div class="3u">
                        <ul class="link-list">
                            <li><a href="#">Quis accumsan lorem</a></li>
                            <li><a href="#">Sed neque nisi consequat</a></li>
                            <li><a href="#">Eget et amet consequat</a></li>
                            <li><a href="#">Dapibus sed mattis blandit</a></li>
                            <li><a href="#">Vitae magna sed dolore</a></li>
                        </ul>
                    </div>
                    <div class="3u">
                        <ul class="link-list">
                            <li><a href="#">Sed neque nisi consequat</a></li>
                            <li><a href="#">Dapibus sed mattis blandit</a></li>
                            <li><a href="#">Quis accumsan lorem</a></li>
                            <li><a href="#">Suspendisse varius ipsum</a></li>
                            <li><a href="#">Eget et amet consequat</a></li>
                        </ul>
                    </div>
                    <div class="3u">
                        <ul class="link-list">
                            <li><a href="#">Quis accumsan lorem</a></li>
                            <li><a href="#">Sed neque nisi consequat</a></li>
                            <li><a href="#">Eget et amet consequat</a></li>
                            <li><a href="#">Dapibus sed mattis blandit</a></li>
                            <li><a href="#">Vitae magna sed dolore</a></li>
                        </ul>
                    </div>--%>
                </section>
            </div>
            <div class="4u">
                <section>
                    <h2>
                        Something of interest</h2>
                    <%-- <p>
                        Duis neque nisi, dapibus sed mattis quis, rutrum accumsan sed. Suspendisse eu varius
                        nibh. Suspendisse vitae magna eget odio amet mollis justo facilisis quis. Sed sagittis
                        mauris amet tellus gravida lorem ipsum dolor sit amet consequat blandit.</p>
                    <footer class="controls">
                        <a href="#" class="button">Oh, please continue ....</a>
                    </footer>--%>
                </section>
            </div>
            <div class="12u-first">
                <div id="copyright">
                    &copy; 2012 An Untitled Website. Design by <a href="http://nodethirtythree.com/">nodethirtythree</a>
                    + <a href="http://www.freecsstemplates.org/">FCT</a>. Photos by <a href="http://fotogrph.com/">
                        Fotogrph</a>.
                </div>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
